// 引入 variables.scss 以使用全局变量
@import '@/styles/variables';

.container {
  display: flex;
  overflow-y: scroll;
  flex-direction: column;
  margin-top: 20%;
  padding: 24px;

  .empty {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100%;

    .emptyImage {
      width: 320px;
      height: 320px;

      image {
        width: 100%;
        height: 100%;
        object-fit: contain;
      }
    }

    .emptyText {
      margin-top: 32px;
      font-size: 28px;
      color: $sub-title-color;
    }
  }
}